opus.Gizmo({
	name: "productList",
	dropTarget: true,
	ontap: "",
	type: "Palm.Mojo.Panel",
	h: "100%",
	styles: {
		zIndex: 2
	},
	chrome: [
		{
			name: "header",
			className: "truncating-text",
			type: "Palm.Mojo.Header",
			l: 0,
			t: 0
		},
		{
			name: "panel1",
			dropTarget: true,
			type: "Palm.Mojo.Panel",
			l: 0,
			t: 91,
			h: "auto",
			controls: [
				{
					name: "group2",
					dropTarget: true,
					label: "Filter",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 0,
					h: "auto",
					controls: [
						{
							name: "row2",
							dropTarget: true,
							isTextField: true,
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "auto",
							styles: {
								oneLine: false
							},
							controls: [
								{
									name: "filterBox",
									ontap: "",
									onhold: "",
									modelName: "m_filter",
									hintText: "type to filter the list",
									textCase: "cap-lowercase",
									onchange: "",
									type: "Palm.Mojo.TextField",
									l: 0,
									r: "",
									t: 0,
									styles: {
										oneLine: true
									}
								}
							]
						}
					]
				},
				{
					name: "resultRbt",
					ontap: "",
					value: "item",
					choices: [
						{
							label: "All",
							value: "item"
						},
						{
							label: "Content",
							value: "offeringitem"
						},
						{
							label: "Edu",
							value: "edicationalitem"
						}
					],
					onchange: "resultRbtChange",
					type: "Palm.Mojo.RadioButton",
					l: "",
					r: "",
					t: 95,
					h: "70",
					styles: {
						fontSize: "8px",
						oneLine: true,
						textAlign: ""
					}
				},
				{
					name: "resultList",
					dropTarget: true,
					items: [],
					useSampleData: false,
					title: undefined,
					itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    #{title}\n  </div>\n</div>\n",
					onlisttap: "resultListListtap",
					type: "Palm.Mojo.List",
					l: 0,
					t: 96,
					h: 100
				}
			]
		},
		{
			name: "panel2",
			dropTarget: true,
			type: "Palm.Mojo.Panel",
			l: 0,
			t: 356,
			h: 120,
			controls: [
				{
					name: "label1",
					label: "No result found.",
					type: "Palm.Mojo.Label",
					l: 0,
					t: 0,
					styles: {
						oneLine: true,
						fontSize: "15px"
					}
				},
				{
					name: "button2",
					ontap: "button2Tap",
					disabled: undefined,
					buttonClass: "affirmative",
					label: "request new content",
					type: "Palm.Mojo.Button",
					l: 0,
					t: 288,
					styles: {
						textAlign: ""
					}
				}
			]
		}
	]
});